<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<f:view>
	<h:head>
		<meta http-equiv="X-UA-Compatible" content="IE=7" />
		<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
		<ui:insert name="title"><title>Pagina Principal Usuario Administrado</title></ui:insert>
		<link type="text/css" rel="stylesheet" href="css/default.css" />
		<link type="text/css" rel="stylesheet" href="themes/owner/skin.css" />
		<style type="text/css">
.scroll {
	width: 150px;
	height: 50px;
	overflow: hidden;
	border: 1px solid #000000;
}

body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	background: url('images/fond1.jpg');
}

.ui-widget {
	font-size: 75%;
}

.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.CabeceraLayout {
	background: #AE9663 !important;
}

.menuIzquiera {
	width: 180px !important;
	border: 0px !important;
	color: #000000 !important;
	font-weight: bold !important;
}

.menuIzquiera2 {
	width: 180px !important;
	border: 0px !important;
	color: #000000 !important;
	font-weight: bold !important;
}
</style>
	</h:head>
	<p:layout style="width: 970px; height: 800px; margin: auto;">
		
		<p:layoutUnit position="top" height="80"
			style="width: 100%; border: 0px;" styleClass="CabeceraLayout">
			<h:panelGrid columns="10" width="100%">
				<div>
					<c:choose>
						<c:when
							test="#{personaBM.personaLog.tbTipoDocumentoIdentidad.idTipoDocumentoIdentidad=='4'}">
							<h:panelGrid columns="4">
								<h:outputText style="font-size: 1.3em;"
									value="#{personaBM.personaLog.razonSocial}" />
								<p:spacer width="10" />
								<h:outputText style="font-size: 1.3em;"
									value="#{personaBM.personaLog.tbTipoDocumentoIdentidad.descripcion} - #{personaBM.personaLog.ruc}" />
							</h:panelGrid>
						</c:when>
						<c:otherwise>
							<h:panelGrid columns="3">
								<h:outputText style="font-size: 1.3em;"
									value="#{personaBM.personaLog.nombrePersona} #{personaBM.personaLog.apellPater} #{personaBM.personaLog.apellMater}" />
								<p:spacer width="10" />
								<h:outputText style="font-size: 1.3em;"
									value="#{personaBM.personaLog.tbTipoDocumentoIdentidad.descripcion} - #{personaBM.personaLog.numDocumento}" />
							</h:panelGrid>
						</c:otherwise>
					</c:choose>

				</div>
				<div align="right" style="width: 20%">
					<h:form>
						<div align="right" style="width: 100%;">
							<p:commandButton onclick="history.go(-1);"
								style="background: url('images/botton/back.png') no-repeat;
												width: 24px; 
												height: 24px; border:0" />
							<p:spacer width="20" />
							<p:commandButton title="Regresar al inicio de sesión de usuario"
								action="#{personaBM.backHome}" ajax="false" immediate="true"
								style="background: url('images/botton/inicioIntranet.png') no-repeat;
												width: 24px; 
												height: 24px; border:0" />
							<p:spacer width="20" />
							<p:commandButton title="Salir del sistema"
								oncomplete="logoutPer.show()"
								style="background: url('images/botton/salirsistema.png') no-repeat;
												background-position: center bottom; width: 24px; 
												height: 24px; border:0" />
						</div>
					</h:form>
				</div>

			</h:panelGrid>
		</p:layoutUnit>
		
		
		<!-- FRAME DEL CUERPO DE LA BANDEJA -->
		<p:layoutUnit position="center" scrollable="true">
			<div class="body" style="width: 100%; height: 100%;">
				<p:growl showDetail="true" id="msjA" autoUpdate="true" />
				<ui:insert name="body" />
			</div>
		</p:layoutUnit>

		<p:layoutUnit position="bottom" height="30">
			<div align="center">
				<span style="color: #03acec;">copyright &copy; 2011
					Gobernanza Consultores Asociados SAC. Derechos Reservados</span>
			</div>
		</p:layoutUnit>
		
	</p:layout>



	<p:confirmDialog message="¿Está seguro que desea salir del sistema?"
		hideEffect="explode" header="Mensaje de Confirmación" severity="alert"
		widgetVar="logoutPer" modal="true">
		<h:form>
			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Si" onchange="submit()"
				oncomplete="logoutPer.hide()" type="submit"
				action="#{personaBM.logOut}" ajax="false" />
				<p:spacer width="15" />
				<p:commandButton value="No" onclick="logoutPer.hide()" type="button" />
			</h:panelGrid>
		</h:form>
	</p:confirmDialog>

	<h:form id="formSubReqRegProc">
		<p:dialog header="Click aquí para buscar el archivo"
			id="dlgReqRegProc" widgetVar="upFileReqRegProc"
			width="425" height="150" resizable="false" showEffect="fade"
			hideEffect="explode" draggable="false" modal="true"
			style="border: 0;" onCloseUpdate="upFileReqRegProc.hide();">
			<div align="center">
				Solo podrá subir archivos con extensión pdf, jpg o png con un tamaño
				máximo de 4mb.<br />
				<p:fileUpload auto="true" id="uploadFile" label="Examinar..."
					fileUploadListener="#{personaBM.accionFileUpload}" customUI="true"
					sizeLimit="4194304" invalidSizeMessage="Maximo 4mb"
					style="background: url('images/botton/browse.png') no-repeat;
												background-position: center bottom; width: 110px; 
												height: 30px; border:0"
					update="formRegPer:listRequisitos msjA"
					oncomplete="dlgReqRegProc.hide();"
					allowTypes="*.jpg;*.png;*.pdf;" description="*.jpg;*.png;*.pdf;" />
			</div>
			<br />&nbsp;<br />
		</p:dialog>
	</h:form>
	<h:form id="subReqFaltForm">
		<p:dialog header="Click aquí para buscar el archivo" closable="true" 
			widgetVar="subReqFalt" width="425" height="150" resizable="false"
			showEffect="fade" hideEffect="explode" draggable="false" 
			id="mydialog" modal="true" onCloseUpdate="true" style="border: 0;">
			<div align="center">
				Solo podrá subir archivos con extensión pdf, jpg o png con un tamaño
				máximo de 4mb.<br />
				<p:fileUpload auto="true" id="uploadFile" label="Examinar..."
					fileUploadListener="#{procesoBM.accionFileUpload}" customUI="true"
					style="background: url('images/botton/browse.png') no-repeat;
												background-position: center bottom; width: 110px; 
												height: 30px; border:0"
					update="historial:listRequisitos msjA"
					oncomplete="subReqFalt.hide();" allowTypes="*.jpg;*.png;*.pdf;"
					description="*.jpg;*.png;*.pdf;" />
			</div>
		</p:dialog>
	</h:form>

	<p:dialog modal="true" widgetVar="statusDialogRegProc"
		header="Enviando formulario del Proceso..." draggable="false"
		closable="false" closeOnEscape="false">
		<p:graphicImage value="/design/ajaxloadingbar.gif" />
	</p:dialog>
	<p:dialog modal="true" widgetVar="statusDialogUpdatePers"
		header="Completando modicicación de datos..." draggable="false"
		closable="false" closeOnEscape="false" resizable="false">
		<p:graphicImage value="/design/ajaxloadingbar.gif" />
	</p:dialog>
</f:view>
</html>
